import React from 'react'
import Layout from '@theme/Layout'
import { translate } from '@docusaurus/Translate'
import { HomepageRISC } from '@site/src/components/home/HomepageRISC'
import { HomepageBuild } from '@site/src/components/home/HomepageBuild'
import HomepageCommunity from '@site/src/components/home/HomepageCommunity'
import HomepageHeader from '@site/src/components/home/HomepageHeader'
import HomepageCard from '@site/src/components/home/HomepageCard'
import CenterFeature from '@site/src/components/home/CenterFeature'
import HomepageFeatures from '@site/src/components/home/HomepageFeatures'
import HomepageThanks from '@site/src/components/home/HomepageThanks'
export default function Home() {
  return (
    <Layout
      title={translate({
        id: 'page.home.head.title',
        message: 'PolyOS',
        description: 'the title of this site',
      })}
      description={translate({
        id: 'page.home.head.description',
        message:
          'PolyOS is an intelligent mobile and AIoT operating system designed for the RISC-V architecture.',
        description: 'the description of this site',
      })}>
      <HomepageHeader />
      <main>
        <HomepageCard />
        <HomepageRISC />
        <HomepageBuild />
        <HomepageCommunity />
        <HomepageFeatures />
        <CenterFeature />
        <HomepageThanks />
      </main>
    </Layout>
  )
}
